<%-- 
    Document   : header
    Created on : Apr 15, 2012, 10:15:18 AM
    Author     : tieurongtien
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="Css/my-Style.css" rel="stylesheet" type="text/css" />

        <link href="Css/buttons.css" rel="stylesheet" type="text/css" />
        <link href="Css/Site.css" rel="stylesheet" type="text/css" />
        <link href="Css/slider-style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="Scripts/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <link rel="stylesheet" href="Css/nivo-slider.css" type="text/css" media="screen" />
        <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="Scripts/jquery.nivo.slider.pack.js"></script>

        <link rel="shortcut icon" href="http://mysite.com/favicon.ico"/>


        <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
        </script>

    </head>
    <body>
        <div class="header">
            <div class="logo">
                <a href="index.html">
                    <img src="Images/logo.png"/>	
                </a>

            </div>
            <div class="site-title">
                <span class="main-title">KL English Centre</span>
                <br />
                <span class="sub-title">Together, we challange the world</span>
            </div>

            <div class="social">
                <ul>
                    <li><a href="http://www.facebook.com/tieurongtien" target="_blank"><img src="Images/facebook.png" /></a></li>
                    <li><a href="http://www.twitter.com/tieurongtien" target="_blank"><img src="Images/twitter.png" /></a></li>
                    <li><a href="http://www.youtube.com/tieurongtien" target="_blank"><img src="Images/youtube.png" /></a></li>
                    <li><a href="http://www.google.com/tieurongtien" target="_blank"><img src="Images/google.png" /></a></li>
                </ul>
                <div class="user">
                    <ul>
                        <li><a href="#">tieurongtien</a></li>
                        <li><a href="#">Sign out</a></li>                   
                    </ul>

                </div>     
            </div>     

        </div>
        <div class="nav mini-box">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Information</a></li>
                <li><a href="#">Courses</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Me</a></li>  					                                   
            </ul>
            <form class="search-box">
                <input type="text" name="txtSearch" id="txtSearch" />
                <button type="submit" name="btnSearch" id="btnSearch"  >Search</button>
            </form>
        </div>            
        <div class="banner">
            <div class="slider-wrapper theme-default">
                <div class="ribbon"></div>
                <div id="slider" class="nivoSlider">
                    <a href="#">
                        <img src="Images/banner-1.jpg" alt="" title="This is an example of a caption" />
                    </a>
                    <a href="#">
                        <img src="Images/banner-2.jpg" alt="" title="This is an example of a caption" />
                    </a>
                    <a href="#">
                        <img src="Images/banner-3.jpg" alt="" title="This is an example of a caption" />
                    </a>
                </div>
            </div>
        </div>

    </body>
</html>
